<template>
  <div class="father">
    <div class="center"
         :style="`{background: url(${url})no-repeat center center}`">
      <div>{{text}}</div>
      <div class="botton">立即咨询</div>
    </div>
  </div>
</template>
<script>

export default {
  data () {
    return {

    }
  },
  props: {
    text: {
      type: String,
      default: ''
    },
    url: {
      type: String,
      default: ''
    }
  },
  components: {

  }
}
</script>
<style lang="scss" scoped>
.father {
  position: relative;
  width: 100%;
  height: 100%;
}
.center {
  height: 104px;
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 19px;
  text-align: center;
  .botton {
    margin-top: 26px;
    width: 144px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
  }
}
</style>


